<template>
  <div>
   <nav-bar>
      <div slot="center">异常</div>
    </nav-bar>
    <van-nav-bar class="app-nav-bar" title="状况列表" left-arrow @click-left="detailBack" />
    <div class="detailList">
      <div class="detailInfo clearfix">
        <div class="detail-top">区域</div>
        <div class="detail-box">涂装精车</div>
      </div>
      <div class="detailInfo clearfix">
        <div class="detail-top">设备</div>
        <div class="detail-box">{{ this.infoData.MTNAME }}</div>
      </div>
      <div class="detailInfo clearfix">
        <div class="detail-top">异常类型</div>
        <div class="detail-box">{{ this.infoData.CATEGORY }}</div>
      </div>
      <div class="detailInfo clearfix">
        <div class="detail-top">呼叫时间</div>
        <div class="detail-box">{{ this.infoData.TOUCHTIME }}</div>
      </div>
      <div class="detailInfo clearfix">
        <div class="detail-top">处理开始时间</div>
        <div class="detail-box">{{ this.infoData.RESPONSETIME }}</div>
      </div>
      <div class="detailInfo clearfix">
        <div class="detail-top">试产开始时间</div>
        <div class="detail-box">{{ this.infoData.TRIALTIME }}</div>
      </div>
      <div class="detailInfo clearfix">
        <div class="detail-top">处理结束时间</div>
        <div class="detail-box">{{ this.infoData.ENDTIME }}</div>
      </div>
      <div class="detailInfo clearfix">
        <div class="detail-top">维修人员</div>
        <div class="detail-box">{{ this.infoData.F_REALNAME }}</div>
      </div>
      <div class="detailInfo clearfix">
        <div class="detail-top">状态</div>
        <div class="detail-box" v-if="this.infoData.STATUS === 'END'">
          已完成
        </div>
        <div class="detail-box" v-if="this.infoData.STATUS === 'START'">
          正在进行
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import NavBar from '../../components/NavBar.vue'

export default {
  name: "un-detail",
  data() {
    return {
      infoData: this.$route.params.data,
      routeID: this.$route.params.routeID,
      timeId: this.$route.params.timeId,
    };
  },
  components: {
    NavBar,
  },
  methods: {
    detailBack() {
      console.log(this.timeId);
      this.$router.push({
        name: "unInfolist",
        params: {
          name: this.infoData.MTNAME,
          code: this.infoData.MTCODE,
          routeID: this.routeID,
          timeId: this.timeId,
          category: this.infoData.STARTNAME,
        },
      });
    },
  },
};
</script>

<style scoped lang="less">

.detailList{
  margin-top: 165px;
  .detailInfo {
    margin-top: 0.5333rem;
    font-size: 15px;
    color: #555555;
    padding: 0 10px 10px;
    border-bottom: 1px solid #aaaaaa;
    .detail-top {
      width: 50%;
      float: left;
      text-align: left;
    }
    .detail-box {
      width: 50%;
      float: left;
      text-align: right;
    }
  }
  
  .clearfix:after {
    /*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .clearfix {
    *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
  }
}

</style>
